/****   request.js   ****/
// 导入axios
import axios from 'axios'
// 使用ant-design-vue Message做消息提醒
import { Notify } from 'vant'
import router from '../router/index'
//1. 创建新的axios实例，
const service = axios.create({
	// 公共接口
	baseURL: process.env.BASE_API,
	// 超时时间 单位是ms，这里设置了3s的超时时间
	timeout: 4 * 1000,
})
service.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'
// 2.请求拦截器
service.interceptors.request.use(
	(config) => {
		//发请求前做的一些处理，数据转化，配置请求头，设置token,设置loading等，根据需求去添加
		config.data = JSON.stringify(config.data) //数据转化,也可以使用qs转换
		// axios 底层会自己根据请求添加 content-type
		/*   config.headers = {
    'Content-Type': 'application/x-www-form-urlencoded', //配置请求头
      'Content-Type': 'application/json;charset=UTF-8',
    } */
		const token = localStorage.getItem('Authorization')
		if (token) {
			// config.params = { token: token } 如果要求携带在参数中
			config.headers.token = `${token}`
		}
		return config
	},
	(error) => {
		Promise.reject(error)
	}
)

// 3.响应拦截器
service.interceptors.response.use(
	(response) => {
		//接收到响应数据并成功后的一些共有的处理，关闭loading等
		return response
	},
	(error) => {
		/***** 接收到异常响应的处理开始 *****/
		if (error && error.response) {
			// 1.公共错误处理
			// 2.根据响应码具体处理
			switch (error.response.code) {
				case 400:
					error.message = '错误请求'
					break
				case 401:
					error.message = '未授权，请重新登录'
					break
				case 403:
					error.message = '拒绝访问'
					break
				case 404:
					error.message = '请求错误,未找到该资源'
					break
				case 405:
					error.message = '请求方法未允许'
					break
				case 408:
					error.message = '请求超时'
					break
				case 500:
					error.message = '服务器端出错, 状态码: 500!'
					break
				case 501:
					error.message = '网络未实现'
					break
				case 502:
					error.message = '网络错误'
					break
				case 503:
					error.message = '服务不可用'
					break
				case 504:
					error.message = '网络超时'
					break
				case 505:
					error.message = 'http版本不支持该请求'
					break
				default:
					error.message = `连接错误${error.response.status}`
			}
		} else {
			// 超时处理
			if (JSON.stringify(error).includes('timeout')) {
				Notify({ type: 'danger', message: '服务器响应超时，请刷新当前页' })
			}
			error.message = '连接服务器失败'
		}
		Notify({ type: 'danger', message: error.message })
		/***** 处理结束 *****/
		//如果不需要错误处理，以上的处理过程都可省略
		return Promise.reject(error)
	}
)
//4.导入文件
export default service
